.index-flex{
  display: flex;
  justify-content:center;

}
*{
  text-align: left;
}
.index{
  width: 92%;
  //background-color: red;
}
.bahui{
  background-color: #FFE88B;
}
.top{
  text-align: left;
  margin-top: 0.3rem;
  font-size: 0.4rem;
  position: relative;
  z-index: 500;
  .top-now{
    font-size: 0.41333rem;
    img{
      width: 0.4rem;
      margin-left: 0.2rem;
      vertical-align:middle;
    }
  }
  .top-city{
    position: absolute;
    z-index: 500;
    left: 0rem;
    width: 2.1333rem;
    height: 5rem;
    text-align: center;
    background-color: white;
    overflow-y: auto;
    border-right: 1px solid #a9a9a9;
    margin-top:0.15rem;
    font-size: 0.333rem;
    color: #333333;
    .top-city-box{
      overflow-x: hidden;


      p{
        border-bottom: 1px solid #a9a9a9;
        width: 2.1333rem;
        height: 1.0666rem;
        line-height: 1.09333rem;
        font-size: 0.35rem;
        padding-left: 0.2rem;
      }
    }

  }
  .top-county{
    position: absolute;
    z-index: 500;
    left: 2.15rem;
    width: 2.333rem;
    height: 5rem;
    text-align: center;
    background-color: white;
    border-right: 1px solid #a9a9a9;
    //height: 100%;     //必须写
    overflow-y: auto;//必须写一个
    margin-top: 1.21666rem;
    .top-county-box{
      overflow-x: hidden;
      p{
        border-bottom: 1px solid #a9a9a9;
        width: 2.333rem;
        height: 1.09333rem;
        line-height: 1.09333rem;
        font-size: 0.35rem;
        padding-left: 0.2rem;
      }
    }

  }

}
//以下用来在移动端显示滚动条
.top-city::-webkit-scrollbar {
  width: 5px;
  height: 13px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.top-city::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 28px;
}
.top-city::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.top-county::-webkit-scrollbar {
  width: 5px;
  height: 13px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.top-county::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 28px;
}
.top-county::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cont-shop{
  //margin-top: 0.3rem;
  //margin-bottom: 0.3rem;
  text-align: left;
  // background-color: yellow;
  height: 2.6666rem;
  display: flex;
  //justify-content:space-around;
  align-items:center;
  //border-bottom: 1px solid blue;

  .cont-shop-msg{
    margin-left: 0.2rem;
    // background-color: blue;
    width: 5rem;
    img{
      width: 0.310066rem;
      height: 0.316rem;
      vertical-align:middle;
      margin-right: 0.1rem;
      margin-bottom: 0.07rem;
    }

    .cont-shop-msg-left{
      width: 100%;
      margin-bottom: 0.2rem;
      //background-color: red;
      font-size: 0.45333rem;
    }
    .cont-shop-msg-right{
      width: 100%;
      margin-top: 0.2rem;
      font-size: 0.34666rem;
    }
  }

  .img-div{
    img{
      width: 2.4rem;
      height: 1.8666rem;
      border-radius: 0.1rem;
    }
  }
  .cont-shop-price{
    width: 2rem;
    color: red;
    font-size: 0.4533rem;
    margin-left: 0.1rem;
    // background-color: green;
  }
}
